<%-- 
    Document   : interventor
    Created on : Apr 7, 2012, 9:13:03 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Interventor</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
  #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>
</head>

<body>
	<div id="fondo" class="container" style="width: auto;">
    	<div class="row" style="position:absolute;top:15px;left:200px">
      		<div class="span2">
        		<div class="row">
      				<img src="http://placehold.it/189x93" alt="">
    			</div>
  			</div>
			<div class="span5">
    			<div class="page-header">
					<h1>GenstionAndo</h1>
  					<h3>Bienvenido : Nombre</h3>
            		<h4>Interventor</h4>
				</div>  
			</div>
            <div class="span3">
    			<div class="page-header">
                	<div class="btn-group">
						<a class="btn btn-warning">Cambiar contraseña</a>
  						<a href="Login.html" class="btn btn-info">Salir»</a>
                    </div>
				</div>  
			</div>
        </div>
    </div>
	<div id="verDetalles" class="modal hide fade in" style="display: none; ">
        <div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>Detalles del gerente</h3>
        </div>
        <div class="modal-body">
				<h4>Codigo:</h4><h6>Correo</h6>
				<p>
				<h4>Nombre:</h4>
				<p>
				<h4>Apellidos:</h4>
				<p>
				<h5>Empresa:</h5>
				<p>
			<div class="span2 offset1">
				<h6>Historial proyectos</h6>
                <table class="table">
				<thead>
					<tr>
						<th>Activo</th>
						<th>Proyecto</th>
					</tr>
				</thead>
				<tbody>
				<tr>
					<td><input type="checkbox"></td>
					<td>100</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>20</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>Mark</td>
				</tr>
				</tbody>
			</table>
			</div>
		</div>
        <div class="modal-footer">
			<a href="#" class="btn btn-warning" data-dismiss="modal">Cerrar</a>
        </div>
    </div>
	<div id="enviarCodigo" class="modal hide fade in" style="display: none; ">
            <div class="modal-header">
              <a class="close" data-dismiss="modal">×</a>
              <h3>Envio de codigo de Activacion</h3>
            </div>
            <div class="modal-body">
				<h4>Vas a enviar un codigo de activacion a un gerente,</h4>
				
				<p>A partir de aca el tendra acceso completo a la aplicacion</p>

				<h4>Nombre del gerente:</h4>
				<p>
			  
				<h4>Nombre del Proyecto:</h4>
			  
				<hr>
				<div class="row-fluid">
					<div clas="span3">
					<h4>Empresa:</h4>
					<br/>
					<div class="row">
						<img src="http://placehold.it/250x150" alt="" style="position:relative;left:250px">
					</div>
					<button class="btn btn-warning">Generar codigo</button>
					<p>
					<p>Codigo de activacion</p>
					
					</div>
				</div>
            </div>
            <div class="modal-footer">
              <a href="#" class="btn btn-info" data-dismiss="modal">Cancelar</a>
              <a href="#" class="btn btn-warning">ENVIAR</a>
            </div>
          </div>
	<div class="btn-group" style="position:absolute;top:150px;left:170px">
		<button data-toggle="modal" class="btn" href="#verDetalles" >Ver Detalles</button>
		<button data-toggle="modal" class="btn" href="#enviarCodigo">Enviar Codigo</button>
		<button class="btn">Mostrar todo</button>	
	</div>
	<br/>
	
	<div class="row"style="position:absolute;top:200px;left:170px">
		&nbsp
		&nbsp
		&nbsp
		&nbsp
		Parametros de Busqueda:
		<p>
		<div class="span8">
			<form class="well form-inline">
				<a href="#" class="btn btn-warning" name="buscar" type="sumit" style="position:absolute;left:700px">Buscar</a>
				&nbsp
				&nbsp
				&nbsp
				ID
				&nbsp
				&nbsp
				&nbsp
				&nbsp
				&nbsp
				&nbsp
				Nombre 
				<input class="input" name="nombre" type="text" data-provide="typeahead">
				Proyecto
				<input class="input" name="proyecto" type="text" data-provide="typeahead">
				<p>
				</p>
				<input class="input-mini" name="id" type="text" data-provide="typeahead">
				&nbsp
				&nbsp
				Apellido 
				<input class="input" name="apellido" type="text" data-provide="typeahead">
				&nbsp

				E-mail 
				<input class="input" name="correo" type="text" data-provide="typeahead">
				<a href="#" class="btn btn-info" name="limpiar" type="sumit" style="position:absolute;left:700px">Limpiar</a>
			</formn>
			<p>
			<table class="table">
			<thead>
				<tr>
					<th>Sel</th>
					<th>ID</th>
					<th>Gerentes</th>
					<th>Proyectos</th>
					<th>Empresa</th>
					<th>Activo</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox"></td>
					<td>454</td>
					<td>Otto</td>
					<td>gentioAndo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>454</td>
					<td>Otto</td>
					<td>gentioAndo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>454</td>
					<td>Otto</td>
					<td>gentioAndo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>454</td>
					<td>Otto</td>
					<td>gentioAndo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
			</tbody>
			</table>
		</div>
	</div>
	
	
	<script src="Estilos/js/jquery.js"></script>
	<script src="Estilos/js/bootstrap-button.js"></script>
	<script src="Estilos/js/bootstrap-modal.js"></script>
	<script src="Estilos/js/bootstrap-dropdown.js"></script>

</body>
</html>
